iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 4
0
自我挑戰組

從積木開始學程式系列 第 4

[DAY>4<]雙人連線終極密碼_2(大廳及開設房間介面設定)

  • 分享至 

  • xImage
  •  

今天我們開始訓練吧!
首先依照前一天講的邏輯做一個彙整表
https://ithelp.ithome.com.tw/upload/images/20181018/20108017g1ibKHVDwK.png

首先我們要先為每一個Screen命名,這樣在呼叫這些視窗的時候會方便許多!

首先先將Screen1名稱設定為Lobby
這是一個重新命名物件的方式,這個要記起來
後面很多會需要重新命名的地方~
https://ithelp.ithome.com.tw/upload/images/20181018/20108017yGPUiAAkKJ.png

然後新增以下這些螢幕,並重新命名為圖片內的螢幕名稱
https://ithelp.ithome.com.tw/upload/images/20181018/20108017xYdh3BKooP.png

再來目前進入"Lobby"介面設定部分:
https://ithelp.ithome.com.tw/upload/images/20181018/20108017h2VMQNfkIb.png

--遊戲標題設定--
Text:雙人終極密碼對戰
FontSize:25
Color:選紅色
Height以及Width設定:
https://ithelp.ithome.com.tw/upload/images/20181018/201080171dQZSYVIyn.png

--分隔用以及分隔用2設定--
只需設定Height以及Width:
https://ithelp.ithome.com.tw/upload/images/20181018/201080171dQZSYVIyn.png

--Lobby程式碼撰寫--
當開設房間按鈕被點擊時會啟動add_room的Screen
當加入房間按鈕被點擊時會啟動join_room的Screen

https://ithelp.ithome.com.tw/upload/images/20181018/20108017o8Xkm3Eh2C.png


再來點到add_room的螢幕,開始製作add_room的介面(這部分就是開設房間的螢幕)
一樣將下列元件新增到手機螢幕上!
https://ithelp.ithome.com.tw/upload/images/20181018/20108017w7shEC3BET.png

元件設定如下:
--Label1--
Text:你的房間號碼:
FontSize:25
Color:自選
Height以及Width:
https://ithelp.ithome.com.tw/upload/images/20181018/201080171dQZSYVIyn.png

--room_number--
Text:(不要有任何的字)
FontSize:20
Color:自選(我這邊設定是紅色)
Height以及Width:
https://ithelp.ithome.com.tw/upload/images/20181018/201080171dQZSYVIyn.png

--label3--
Text:請告訴你的朋友房間號碼
Height以及Width:
https://ithelp.ithome.com.tw/upload/images/20181018/201080171dQZSYVIyn.png

--add_room程式碼撰寫--
程式碼說明:
當我add_room這個Screen啟動之後會執行
將原本空的room_number設定為1-100的數字加上50-250的數字合併起來成為房間號碼
https://ithelp.ithome.com.tw/upload/images/20181018/20108017IEjDLXZjJ0.png

明天繼續囉~~~~


上一篇
[DAY>3<]雙人連線終極密碼_1(程式流程思考)
下一篇
[DAY>5<]雙人連線終極密碼_3(加入房間、設定終極密碼、遊戲開始)
系列文
從積木開始學程式30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言